@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;

  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #f8f8f8;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #f8f8f8;
  }
}
.filter-container{
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
  .van-search{
    padding: 0;
    &__content{
      background: transparent;
      .van-field__left-icon .van-icon{
        font-size: 20px;
      }
    }
  }
}
.van-nav-bar{
  &__content{
    background: #256de5;
  }
  &__title, &__text{
    color: #ffffff;
  }
  .van-icon{
    padding: 6px;
    border-radius: 100%;
    background:rgba(255, 255, 255, 0.35);
    color: #fff;
  }
}
.van-field{
  &__label{
    color: #333;
    font-size: 16px;
  }
}

.van-field__label--required:before{
  content: '' !important;
}
.customize-dialog{
  .van-dialog{
    &__footer{
      display: none;
    }
    &__content{
      .title{
        height: 100px;
        background-color: #256de5;
        color: #fff;
        font-size: 18px;
        display: flex;
        justify-content: center;
        font-weight: 600;
        line-height: 80px;
        position: relative;
        &::after {
          content: " ";
          position: absolute;
          background-image: url('./assets/dialog-bg.png');
          background-repeat: no-repeat;
          background-size: contain;
          height: 40px;
          width: 100%;
          bottom: -1px;
          background-size: cover;
        }
      }
    }
  }
  .van-cell:last-child:after{
    display: inline;
  }
}

.van-button--primary{
  background: var(--van-button-primary-background-color);
}
.van-cell__value{
  line-height: 32px;
}
.van-icon:before{
  line-height: 32px;
}
.van-nav-bar .van-icon:before, .van-icon-success:before{
  line-height: initial;
}
.van-cell__title{
  width: 100px;
  line-height: 32px;
}
.van-field--disabled .van-field__label{
  color: #333;
}
.van-field__control:disabled{
  -webkit-text-fill-color: #999;
}
.van-calendar__day{
  height: 52px;
}
.van-calendar__popup.van-popup--bottom{
  height: 60%;
}
.van-calendar__month-title, .van-calendar__header-title, .van-calendar__header-subtitle{
  height: 36px;
  line-height: 36px;
}

.van-calendar__day, .van-calendar__month-title, .van-calendar__header-title, .van-calendar__header-subtitle{
  color: #333;
}
.van-calendar__day--disabled{
  color: #999;
}
.van-calendar__day--end, .van-calendar__day--start, .van-calendar__day--start-end, .van-calendar__day--multiple-middle, .van-calendar__day--multiple-selected{
  color: #fff;
}